<template>
	<div class="user-list">
	  <UserListItem v-for="(item, index) in userlist" :key="index" :userlistitem="item"/>
	</div>
  </template>
  
  <script setup>
  import UserListItem from "./UserListItem.vue";
  
  const props = defineProps({
	userlist: {
	  type: Array,
	  default: () => [],
	},
  });
  </script>
  
  <style lang="less" scoped>
  .user-list {
	display: grid; //网格布局
	justify-content: space-between; //在网格的行方向上，使网格项目（即子元素）之间均匀分布，并在两端对齐。
	align-content: space-between; //在网格的列方向上，使网格项目之间均匀分布
	grid-template-rows: repeat(12, auto-fill);//创建 12 行，填充可用的空间，
  }
  </style>